<!DOCTYPE html>
<html lang="zh-CN" class="swiper-html">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>联系我们</title>
  <link rel="stylesheet" href="./css/main.css">
  <script src="./js/main.js"></script>
  <!--[if lte IE8]>
  <![endif]-->
</head>
<body class="swiper-body slide0" id="contact">
<div class="container">
  <div class="swiper-container commonSwiper">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <aside class="company-des">
          <div class="leftMessageBox">
            <ul class="contanctWay">
              <li class="blueFont">公司名称：埃提斯生物技术(上海)有限公司</li>
              <li class="blueFont">地址：上海市闵行区 新骏环路158号2号楼A座</li>
              <li class="blueFont">电话： (86)21-34696522</li>
              <li class="blueFont">传真：(86)21-34696523</li>
              <li class="blueFont">Email： admin@3dmedcare.com</li>
              <li>附近地铁： 江月路地铁站(8号线)</li>
              <li>附近公交： 新骏环路立跃路(浦江12路)</li>
              <li>三鲁公路召楼西路(三友)    (南华专线)  </li>
              <li>鹤坡塘桥(796路)</li>
            </ul>
          </div>
        </aside>
        <div class="image-show-wrapper">
          <div class="mapBox">
            <!--地图图片-->
            <!--<img src="images/map.jpg" alt="">-->
            <div id="container"></div>
          </div>
        </div>
      </div>
    </div>

    <!-- 如果需要分页器 -->
    <div class="swiper-pagination swiper-cirl"></div>

  </div>
</div>

<!--logo-->
<div class="logo"><img src="./images/logo.png" alt="logo"></div>
<!--菜单-->
<nav class="menu">
  <div class="close">
    <img src="./images/close.png" alt="关闭">
  </div>
  <ul>
    <li><a href="index.html"><span>首页</span></a></li>
    <li><a href="about.html"><span>关于我们</span></a></li>
    <li><a href="bussiness.html"><span>新药业务</span></a></li>
    <li><a href="diagnosis.html"><span>诊断业务</span></a></li>
    <li><a href="technology.html"><span>技术平台</span></a></li>
    <li><a href="javascript:void(0);"><span>产品服务</span></a></li>
    <li><a href="news.html"><span>新闻中心</span></a></li>
    <li class="active"><a href="javascript:void(0);"><span>联系我们</span></a></li>
  </ul>
</nav>

<!--四个装饰性边框-->
<div class="top-border"></div>
<div class="right-border"></div>
<div class="bottom-border"></div>
<div class="left-border"></div>

<!-- 中英文网站切换按钮 -->
<a href="javascript:void(0);" id="switchLanguage" class="spectre-btn switchLanguage">
  EN
  <span class="top-line"></span>
  <span class="right-line"></span>
  <span class="bottom-line"></span>
  <span class="left-line"></span>
</a>
</div>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.8&key=70b98570d8160adf0b9c2096f2cbd4a0"></script>

<script>
    var url = 'https://webapi.amap.com/maps?v=1.4.8&key=70b98570d8160adf0b9c2096f2cbd4a0';
    var jsapi = document.createElement('script');
    jsapi.charset = 'utf-8';
    jsapi.src = url;
    document.head.appendChild(jsapi);
    var map = new AMap.Map('container', {
      zoom:16,//级别
      center: [121.527243, 31.094743],//中心点坐标
      viewMode:'3D'//使用3D视图
    });
    var icon = new AMap.Icon({
      size: new AMap.Size(65, 50),    // 图标尺寸
      image: "images/map.png",  // Icon的图像
      imageSize: new AMap.Size(65, 50)   // 根据所设置的大小拉伸或压缩图片
    });
    var marker = new AMap.Marker({
      position: new AMap.LngLat(121.527243, 31.094743),
      offset: new AMap.Pixel(-10, -10),
      icon:icon
    });
    AMap.plugin([
      'AMap.ToolBar',
      'AMap.Scale',
    ], function(){

      // 在图面添加工具条控件，工具条控件集成了缩放、平移、定位等功能按钮在内的组合控件
      map.addControl(new AMap.ToolBar());

      // 在图面添加比例尺控件，展示地图在当前层级和纬度下的比例尺
      map.addControl(new AMap.Scale());

    });

    map.add(marker);
</script>
</body>
</html>
